<script setup lang="ts">

</script>

<template>
  <div class="container p-3 mt-3 border rounded-3 shadow">
    <div v-if="$slots.header" class="header">
      <slot name="header">header default</slot>
    </div>
    <div v-if="$slots.body" class="body">
      <slot name="body">body default</slot>
    </div>
    <div v-if="$slots.footer" class="footer">
      <slot name="footer">footer default</slot>
    </div>
  </div>
</template>

<style scoped>

</style>